<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body style="background-color: mediumvioletred">
    <form>
        姓名：<input type="text" id="userName"  name="userName" placeholder="请输入姓名"><br>
        密码: <input type="password" id="userPwd" name="userPwd" placeholder="请输入密码"><br>
        年龄: <input type="text" id="userAge" name="userAge"><br>
        班级: <input type="text" id="userClass" name="userClass"><br>
        <input type="button" value="注册" onclick="doSubmit()">
    </form>
    <script src="/jquery.js"></script>
    <script type="text/javascript">
        doSubmit = function () {
            alert("开启");
            if(!$("#userName").val() || !$("#userPwd").val() || !$("#userAge").val() || !$("#userClass").val()) {
                alert("不能为空");
                return false;
            }
            console.log({"userName":$("#userName").val(),"userPwd":$("#userPwd").val(),"userAge":$("#userAge").val(),"userClass": $("#userClass").val()});
           <!-- 一定要进行json格式化 下面的自动化出现问题，那就手动封装 -->
            $.ajax({
                url: "/user/register",
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({"userName":$("#userName").val(),"userPwd":$("#userPwd").val(),"userAge":$("#userAge").val(),"userClass": $("#userClass").val()}),
                success: function (response) {
                    alert(response);
                    location.href = "/sys/index";
                }
            });
        }


        // $("form").submit(function () {
        //     console.log("执行了方法");
        //     //必须封装为Json对象后台才能够以对象接收
        //     formObject = {};
        //     //响应的JSON数组
        //     var formArray = $("form").serializeArray(); //序列化表单元素（类似 .serialize () 方法 ），返回 JSON 数据结构数据。. 注意： 此方法返回的是 JSON 对象而非 JSON 字符串
        //     $.each(formArray,function (i,item) {
        //         formObject[item.name] = item.value;
        //     });
        //     //使用AJAX，创建POST请求,访问8888/article
        //     $.ajax({
        //         type: 'POST',
        //         url: "/user/register", //指定处理路径，和security配置中一致
        //         contentType: 'application/json',
        //         data: JSON.stringify(formObject), //将一个 JavaScript 对象或值转换为 JSON 字符串；JSON字符串，不是JSON对象
        //         success: function (data) {
        //             alert(data);
        //         }
        //     })
        // })
    </script>
</body>
</html>